<script setup>


</script>

<template>
    <div class="content">
        <!-- 页头 -->
       
        <!-- 内容 -->
        <div class="main">
            <div class="sub-nav">
                <span><a href="#">管理系统</a></span>
                <span>/</span>
                <span>主页</span>
            </div>
        </div>
            <div class="main-body">
                <h2>云端中国城管理系统</h2>
                <h3>欢迎登录</h3>
            </div>
        </div>
    
</template>
<style scoped>
.content {
    height:100%;
    flex:1;
    /* background-color:antiquewhite; */
    display: flex;
    flex-direction: column;
    
}

.main {
    background-color: #f1f2f6;
    
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
    
}

.sub-nav {
    height: 50px;
    background-color: white;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.sub-nav span {
    color: #888;
    margin-right: 10px;
}

.sub-nav span a {
    color: #123456;
    text-decoration: none;
}

.main-body {
    flex:1;
    margin: 10 0px;
    background-color: white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 30px;
    
}
</style>
